<!--
  ~ Copyright 2019 Red Hat, Inc. and/or its affiliates.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~       http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<div>
    <div class="row container-fluid">
        <div class="col-md-12">
            <div class="range-value-box">
                <div>
                    <span class="required-pf">*</span>
                    <label><span data-field="startValueLabel" data-i18n-key="StartValue"></span></label>
                </div>
                <div data-field="start-value-container"></div>
                <div class="checkbox-container">
                    <input type="checkbox" data-field="include-start-value" id="include-start-value"/>
                    <label for="include-start-value" data-i18n-key="IncludeStartValue"></label>
                </div>
            </div>

            <div class="range-value-box">
                <div>
                    <span class="required-pf">*</span>
                    <label><span data-field="endValueLabel" data-i18n-key="EndValue"></span></label>
                </div>
                <div data-field="end-value-container"></div>
                <div class="checkbox-container">
                    <input type="checkbox" data-field="include-end-value" id="include-end-value"/>
                    <label for="include-end-value" data-i18n-key="IncludeEndValue"></label>
                </div>
            </div>
        </div>

        <div class="col-md-12 tips">
            <hr/>
            <div class="tip" data-i18n-key="RequiredValue"></div>
            <div class="tip" data-i18n-key="ProTip"></div>
        </div>
    </div>
</div>
